$(function () {
    var currentPage = 1;
    var pageSize = 5

    /* 渲染列表 */
    function render() {
        $.ajax({
            url: '/user/queryUser',
            dataType: 'json',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            success: function (info) {
                var total = Math.ceil(info.total / pageSize)
                $('tbody').html(template('userTemp', info))
                setPage(total)
                console.log(info)
            }
        })

    }
    render()


    /* 分页标签 */
    function setPage(total) {
        $("#pagintor").bootstrapPaginator({
            bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
            currentPage: currentPage,//当前页
            totalPages: total,//总页数
            size: "small",//设置控件的大小，mini, small, normal,large
            onPageClicked: function (event, originalEvent, type, page) {
                //为按钮绑定点击事件 page:当前点击的按钮值
                console.log(page)
                currentPage = page
                render()
            }
        });
    }


    /* 启动 / 禁止 按钮 */
    $('tbody').on('click', '.btn-toggle', function () {
        var id = $(this).parent().attr('data-id')
        var isDelete = $(this).hasClass('btn-success') ? 0 : 1
        if (isDelete) {
            $('.modal-btn p').text('确定要禁止吗')
        }else{
            $('.modal-btn p').text('确定要启用吗')

        }
        $('.btn-enter').click(function () {
            $.ajax({
                url: '/user/updateUser',
                dataType: 'json',
                type: 'POST',
                data: {
                    id: id,
                    isDelete: isDelete
                },
                success: function (info) {
                    console.log(info)

                    render()
                }
            })
            $('.modal-btn').modal('hide')
        })

    })

})

